<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店 | 首页</title>
		<link rel="stylesheet" type="text/css" href="css/init.css"/>
		<link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/homepage.css">
        <script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<header>
			<div class="header-title clearfix">
				<div class="lf">
					<a href="homepage.html">
						<img src="img/logo_white.png" alt="" class="logo">
						酒店项目
					</a>
				</div>
				<div class="information gt">
                    <div class="not_login">
                        <a href="register.html" class="turnRegister">
                            登录
                        </a>
                        <a href="login.html" class="turnLogin">
                            注册
                        </a>
                    </div>
                    <div class="user" style="display:none">
                        <a href="" name="a1" style="display:inline-block">
                            <img src="img/4.jpg" class="userHead">
                        </a>
                        <span class="userName"></span>
                        <i class="arrow"></i>						
                        <div class="user-list">
                            <div class="triangle"></div>
                            <ul>
                                <li>
                                    <a id="personal-main" href="userSetting.html"><img src="img/icon_my.png">个人中心</a>
                                </li>
                                <li>
                                    <a href="userSetting.html"><img src="img/icon_setting.png">账户设置</a>
                                </li>
                                <li>
                                    <!-- <a href="login.html#login"> -->
                                    <a class="logout" href="login.html"><img src="img/icon_out.png">退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <a href="payList.html" class="turnMyoder">
                            我的订单
                        </a>
                    </div>
                </div>
			</div>
			<div class="nav">
				<form action="">
					<div class="selectCity">
						<input type="text" placeholder="请选择城市" id="selectCity">
						<div class="city">
							<div class="classify">
								<ul class="clearfix"></ul>
							</div>
							<div class="choseCity">
								<ul class="clearfix"></ul>
							</div>
						</div>
					</div>
					<div class="calendar">
						<!-- <input type="text" placeholder="请选择日期" id="calendar"> -->
						<input type="text" placeholder="请选择入住时间" class="demo-input" id="enter_time" readonly="readonly">
					</div>
					<div class="search">
						<input type="text" placeholder="酒店名称/位置/关键字" id="search">
					</div>
					<div class="searchBtn">
						<img src="img/search.png" alt="">
						搜索
					</div>
				</form>
			</div>
		</header>
		<div class="homepage">
			<div class="homepage-title clearfix">
				<span class="remen">
					热门酒店
				</span>
				<ul class="hotul clearfix">
					<li class="hot-city">西安<i></i></li>
					<li class="hot-city">北京<i></i></li>
					<li class="hot-city">上海<i></i></li>
				</ul>
			</div>
			<div class="homepage-content">
				<ul class="clearfix">
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
					<li class="hot-hotal">
						<img src="img/1.jpg" style="width:100%;height:100%">
						<div class="hotal-msg">
							<div class="clearfix">
								<span class="hotalName">西安开元名都大酒店</span>
								<span class="hotalType">豪华型</span>
							</div>
							<b class="hotalPrice">¥488</b>
						</div>
					</li>
				</ul>
				<div class="notFound">
					未查询出酒店列表
				</div>
			</div>
		</div> 
		<footer>
			Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3
		</footer>       
	</body>	
	<script src="js/moment.js"></script>
	<script src="js/laydate.js"></script>
	<script src="js/common.js"></script>
	<script src="js/homepage.js"></script>
</html>
